@media only screen and (min-width: 1200px) {
    .page-box {
        min-height: 80vh;
        margin: 10vh 0;
        max-width: calc(100vw - 90px);
    }
    .header {
        background-color: transparent;
        float: left;
        width: 100%;
        max-width: 380px;
        height: 100%;
        max-height: 80vh;
        min-height: inherit;
        text-align: center;
        padding: 70px 30px 45px;
        overflow: auto;
        .menu-bar {
            position: absolute;
            padding: 15px 0;
            width: 70px;
            right: -90px;
            background-color: #fff;
            border-radius: 35px;
            z-index: 999;
            list-style: none;
            top: 0;
            box-shadow: 0 0 30px -5px rgba(0, 0, 0, .15);

            a {
                display: block;
                position: relative;
                color: #b5b6b7;
                padding: 10px;
                transition: all .3s ease-in-out;

                &:hover {
                    span {
                        right: 100%;
                        visibility: visible;
                        opacity: 1;
                    }
                }
            }

            .fa {
                display: block;
                font-size: 30px;
            }

            span {
                position: absolute;
                width: auto;
                visibility: hidden;
                opacity: 0;
                color: #fff;
                padding: 2px 10px;
                background-color: #04b4e0;
                white-space: nowrap;
                right: 0;
                top: -50%;
                margin-top: 50%;
                transition: all .3s ease-in-out;
                z-index: 0;
                box-shadow: 0 10px 10px -8px rgba(0, 0, 0, .22);
            }

            .active {
                a {
                    color: #04b4e0;
                }
            }
        }
    }
    
    .menu-toggle {
        display: none;
    }
    .nav-action {
        right: -80px;
    }
}

@media only screen and (min-width: 1380px) {
    .page-box {
        max-width: 1200px;
        margin: 10vh auto;
    }
}